<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<rich:modalPanel id="mp" minHeight="200" minWidth="450" height="200"
		width="500">
		<f:facet name="header">
			<h:outputText value="#{soldTicketmsgs['soldTicket.popup.title']}" />
		</f:facet>
		<f:facet name="controls">
				<h:panelGroup>
					<h:form id="frmClosePopup">
						<h:outputLink value="#" id="closeLink">
							<h:graphicImage value="/img/close.png" />
							<rich:componentControl for="mp"
								attachTo="closeLink" operation="hide" event="onclick" />
						</h:outputLink>
					</h:form>
				</h:panelGroup>
		</f:facet>
		<ui:remove>
		<h:form>
			<h:panelGrid columns="1" styleClass="personInfo"
				columnClasses="personInfoPanelGridCol1">
				<h:outputText
					value="#{soldTicketmsgs['soldTicket.popup.personInfo']}" />
			</h:panelGrid>

			<h:panelGrid columns="3" id="pnlGridPersonInfo" style="width:100%;">
				<h:panelGroup>
					<h:outputText
						value="#{soldTicketmsgs['soldTicket.popup.personInfo.name']}" />
					<h:inputText value="#{bean.selectedSoldTicket.customerName}"
						readonly="true" />
				</h:panelGroup>
				<h:panelGroup>
					<h:outputText
						value="#{soldTicketmsgs['soldTicket.popup.personInfo.phoneNo']}" />
					<h:inputText value="#{bean.selectedSoldTicket.phoneNumber}"
						readonly="true" />
				</h:panelGroup>
				<h:panelGroup>
					<h:outputText
						value="#{soldTicketmsgs['soldTicket.popup.personInfo.email']}" />
					<h:inputText value="#{bean.selectedSoldTicket.email}"
						readonly="true" />
				</h:panelGroup>
			</h:panelGrid>

			<h:panelGrid columns="1" styleClass="personInfo">
				<h:outputText
					value="#{soldTicketmsgs['soldTicket.popup.ticketInfo']}" />
			</h:panelGrid>
			<h:panelGrid columns="3" id="pnlGridTicketInfo" style="width:100%;">
				<h:panelGroup>
					<h:outputText
						value="#{soldTicketmsgs['soldTicket.popup.ticketInfo.from_to']}" />
					<h:inputText value="#{bean.selectedSoldTicket.from_To}"
						readonly="true" />
				</h:panelGroup>
				<h:panelGroup>
					<h:outputText
						value="#{soldTicketmsgs['soldTicket.popup.ticketInfo.price']}" />
					<h:inputText value="#{bean.selectedSoldTicket.price}"
						readonly="true" />
				</h:panelGroup>
				<h:panelGroup>
					<h:outputText
						value="#{soldTicketmsgs['soldTicket.popup.ticketInfo.status']}" />
					<h:selectOneMenu value="#{bean.selectedStatus}">
						<f:selectItems value="#{bean.status}" />
					</h:selectOneMenu>
				</h:panelGroup>
			</h:panelGrid>
			<h:panelGrid style="width:100%;" columns="2">
				<rich:spacer width="90%"/>
				<a4j:commandButton 
					onclick="#{rich:component('mp')}.hide()" />
			</h:panelGrid>
		</h:form>
		</ui:remove>
		<h:outputText value="This feature is not finished yet!"/>
	</rich:modalPanel>
</ui:composition>
